
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" isErrorPage="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="${pageContext.request.contextPath}/css/personal.css" rel="stylesheet">

</head>
<body>
<div class="header_top">

    <div class="header_bg">
        <!--   logo===========================================================================     -->
        <div class="header_left">
            <a href="${pageContext.request.contextPath}/selectAll/index.jsp">
                <img src="${pageContext.request.contextPath}/images/logo.png"/>
            </a>

        </div>

        <div class="header_bottom">

            <div class="header_bottom_left">
                <a href="${pageContext.request.contextPath}/selectAll/index.jsp">首页</a>
                <a href="${pageContext.request.contextPath}/news/news.jsp" class="mynews">消息</a>
            </div>

            <div class="header_bottom_search">

                <input class="searchname" value="狗粮" type="text" name=""/>

                <button class="searchbtn" value="">搜索</button>
            </div>

        </div>

        <div class="header_right">
            <a href="${pageContext.request.contextPath}/shopping_cart/shoppingCart.jsp">
                <img src="${pageContext.request.contextPath}/images/shoppingCar.png"/>
            </a>

        </div>

    </div>

</div>

<div class="main">

    <div class="main_bg">

        <div class="menu_left">

            <a href="${pageContext.request.contextPath}/personal/personal.jsp" class="menu_left_personmsg redstyle">个人信息</a>
            <a href="${pageContext.request.contextPath}/mycollect/mycollect.jsp" class="menu_left_collect">我的收藏</a>
            <a href="${pageContext.request.contextPath}/myadress/myadress.jsp" class="menu_left_adress">收货地址</a>
            <a href="${pageContext.request.contextPath}/myorders/myorders.jsp" class="menu_left_order">我的订单</a>
            <a href="${pageContext.request.contextPath}/myreview/myreview.jsp" class="menu_left_myreview">我的评价</a>
            <a href="${pageContext.request.contextPath}/mycoupon/mycoupon.jsp" class="menu_left_mycoupon">我的优惠券</a>

        </div>


        <!--订单详情-->
        <div class="dingdanxiangqing_bg" style="display: block">

            <div>

                <h4 class="margin-left20">订单详情</h4>

                <div class="dingdandetails_div">
                    <img src="${pageContext.request.contextPath}/images/daizhifu1.png"/>
                    <img src="${pageContext.request.contextPath}/images/right.png"/>
                    <img src="${pageContext.request.contextPath}/images/yifahuo1.png"/>
                    <img src="${pageContext.request.contextPath}/images/right.png"/>
                    <img src="${pageContext.request.contextPath}/images/shoppingcar1.png"/>
                    <img src="${pageContext.request.contextPath}/images/right.png"/>
                    <img src="${pageContext.request.contextPath}/images/finished1.png"/>
                </div>

                <p class="dingdanxiangqing_p">请在<span>6小时</span>内完成支付,超时订单自动取消</p>

                <form method="post" action="${pageContext.request.contextPath}/alipayy">
                    <input type="hidden" value="${orderNum}" name="orderNum"> <br>
                    <input type="hidden" value="${orderId}" name="orderId"> <br>
                    <input type="hidden" value="${productNum}" name="productNum"> <br>
<%--                    订单编号:<input type="text" value="${orders.orderNum}" name="orderNum" readonly> <br>--%>
<%--                    商品ID：<input type="text" value="${orders.productId}" name="productId" readonly>   <br>--%>
<%--                    购买数量：<input type="text" value="${orders.buyCounts}" name="buyCounts" readonly>  <br>--%>
<%--                    订单价格：<input type="text" value="${orders.orderAmount}" name="orderAmount" readonly> <br>--%>

                    <input type="submit" name="" value="去支付" class="zhifu"/>
                    <input type="button" name="" value="取消订单" class="quxiaodingdan"/>
                </form>



            </div>


            <div>
                <div class="goodsdata">商品详情</div>
                <table class="margin-left20">
                    <tr class="tr_title">
                        <td>图片</td>
                        <td>商品名称</td>
                        <td>单价</td>
                        <td>数量</td>
                        <td>状态</td>
                    </tr>
<%--        chc 修改 以下         --%>
                    <c:forEach items="${orderDetails}" var="list">

                    <ul class="orderdetails_list">
                        <li>
                            <tr>
                                <td>
                                    <div class="product_img">
                                                                        <%--               ${list.productImg}         --%>
                                        <img src="${pageContext.request.contextPath}/images/toux.jpg"/>
                                    </div>
                                </td>
                                <td>
                                    <div class="product_name">
                                        <span>${list.productName}</span>
                                    </div>
                                </td>
                                <td>
                                    <div class="product_price">
                                        <span>${list.productPrice}</span>
                                    </div>
                                </td>
                                <td>
                                    <div class="product_num">
                                        <span>${list.productNum}</span>
                                    </div>
                                </td>
                                <td>
                                    <div class="product_status">
                                        <span>收藏</span>
                                    </div>
                                </td>
                            </tr>
                        </li>
                        </c:forEach>
<%--chc     以上--%>

                    </ul>

                </table>


            </div>


            <div>

                <div class="mydata_top">
                    <div class="paydata">付款详情</div>
                </div>

                <div class="paydata_details margin-left20">
                    <span>订单总金额:</span> <span class="redstyle">￥</span><span class="redstyle">${priceSum}</span> <span>&nbsp;&nbsp;&nbsp;支付方式:&nbsp;支付宝</span>
                    <br>
                    <span>当前需支付:</span> <span class="redstyle">￥</span><span class="redstyle">${priceSum}</span> <br>
                    <span>付款记录:</span> <br>
                    <span>通过优惠券优惠:</span> <span class="redstyle">0.00</span> <span>元</span> <br>
                    <span>下单时间:</span> <span>2022-01-15 14:06:30</span> <br>
                    <span>支付状态:</span> <span style="font-weight: bold">待支付</span> <br>
                </div>

            </div>


        </div>



    </div>

</div>


<script src="${pageContext.request.contextPath}/js/personal.js"></script>
</body>
</html>
